.viewList:after,
.moduleBody:after,
.view-item-content:after,
.itemPreview:after,
.content-area-blocks:after,
.right-panel:after,
.sub-section:after{
	content: '.';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
*+html  #main-content{
	padding-bottom: 30px;
}
.viewList{
	position: relative;
}

	.view-item-content{
		float: left; _display: inline;
		width: 960px;
		height: auto; 
		margin-bottom: 30px;
		display: none;
	}
	.editMode .view-item-content{
		display:block;
	}
	.js-disabled .view-item-content{
		display: block;
	}
		.content-area-blocks{
			width: 900px;
			padding: 20px 30px 30px;
			margin-bottom: 30px;
			background: #fff;
			opacity: 1;
		}
			.content-area-blocks .itemTitle{
				display: block;
				margin: 0;
				
				font-size: 2.05em;
				text-transform: uppercase;
				font-weight: 300;
				line-height: 22px;
			}
			.content-area-blocks .left-panel{
				float: left; _display: inline;
				width: 270px;
				/* min-height: 490px;
				height: auto !important;
				height: 490px; */
				height: 490px;
				margin-top: 18px;
				padding-right: 30px;
				position: relative;
			}
			#mod_pukkaRestaurants.content-area-blocks .left-panel,
			#mod_pukkaPackages.content-area-blocks .left-panel,
			#mod_pukkaSimpleRooms.content-area-blocks .left-panel,
			#mod_pukkaEvents.content-area-blocks .left-panel{
				overflow-y: scroll;
			}
				.itemContent{
					margin-bottom: 50px;
				}
					.content-area-blocks .itemContent p, .itemPreviewIntro{
						line-height: 22px;
					}
					.view-item-content ul{
						margin: 0;
						padding: 0;
					}
						.view-item-content .itemContent ul li, .view-item-content .benifits ul li{
							background: url(../images/bg-sprite.png) no-repeat 0 -741px;
							padding-left: 8px;
							list-style-type: none;
							line-height: 1.7;
						}
	.item-navigation{
		float: right; _display: inline;
		position: relative;
		top: 45px;
		right: 30px;
		width: 138px;
		height: 24px;
		z-index: 25;
		display: none;
	}
		/* .loggedIn .item-navigation{
			top: 44px;
		}  */
		.item-navigator{
			float: left; _display: inline;
			width: 12px;
			height: 24px;
			margin-right: 30px;
			background: url(../images/bg-sprite.png) no-repeat 0 -249px;
			cursor: pointer;
		}
		.right-nav{
			background: url(../images/bg-sprite.png) no-repeat 0 -280px;
		}
		.item-navigation .close{
			float: right; _display: inline;
			width: 23px;
			height: 23px;
			padding-left: 30px;
			border-left: 1px solid #dce3e9;
			background: url(../images/bg-sprite.png) no-repeat 30px -315px;
			cursor: pointer;
		}

		.content-area-blocks .right-panel{
			float: right; _display: inline;
			width: 600px;
			margin-top: 18px;
			position: relative;
		}
			.gallery{
				width: 600px;
				height: 490px;
				overflow: hidden;
			}
				.right-panel .gallery ul{
					margin: 0;
					padding: 0;
				}
					.right-panel .gallery ul li{
						width: 600px;
						height: 490px;
						list-style-type: none;
					}
				.gallery-navigation{
					position: absolute;
					left: 0;
					bottom: 0;
					width: 600px;
					height: 42px;
					background: url(../images/transparent-overlay.png) repeat 0 0;
					z-index: 100;
				}
					.gallery-navigator{
						float: right; _display: inline;
						width: 9px;
						height: 17px;
						margin: 13px 20px;
						background: url(../images/bg-sprite.png) no-repeat 0 -400px;
						cursor: pointer;
					}
					.gallery-right-nav{
						background: url(../images/bg-sprite.png) no-repeat 0 -424px;
					}
					
		/* Item Preview Title & Content Hover */
		.active .itemPreviewTitle, .hover .itemPreviewTitle,
		.active .itemPreviewIntro, .hover .itemPreviewIntro{
			color: #f8f7f6;
		} 
		/* Item Preview ViewLink */
			.itemPreviewViewLink{
				position: absolute;
				width: 17px;
				height: 17px;
				background: url(../images/bg-sprite.png) no-repeat 0 -350px;
				cursor: pointer;
				z-index: 25;
			}
				.active a.itemPreviewViewLink, .hover a.itemPreviewViewLink{
					background: url(../images/bg-sprite.png) no-repeat 0 -375px;
				}
		/* Item Preview Price & View Item Price */
		.itemPreviewPrice{	
			position: absolute;
			left: 15px;
			bottom: 15px;
			margin: 0;
			color: #527190;
		}
		.view-item-content .itemPreviewPrice{
			bottom: 0;
			left: 0;
		}
			.from-text-wrapper{
				float: left; _display: inline;
				width: auto;
				margin-right: 8px;
			}
			.itemPreviewPrice .from-text, .itemPreviewPrice .currency{
				display: block;
				text-transform: uppercase;
			}
			.itemPreviewPrice .currency{
				text-align: right;
			}
			.itemPreviewPrice .amount{
				font-size: 2.1em;
			}
		/* Item Preview Booking-Link & ViewItem Booking-Link */
		.itemPreviewBookingLink{
			position: absolute;
			right: 30px;
			bottom: 0;
			width: auto; _width: 190px;
			margin: 0;
			padding: 4px 10px;
			background: url(../images/booknow.jpg) repeat-x 0 0;
			border: none;
			cursor: pointer;
			
			text-align: center;
		}
		.itemPreview .itemPreviewBookingLink{
			bottom: 15px;;
		}
			.itemPreviewBookingLink a{
				font-size: 1.05em;
				color: #fff;
				text-transform: uppercase;
			}
			.itemPreviewBookingLink a:hover{
				color: #527190;
			}			
		
		/* VIew Item Gallery */
		
		
			.gallery-navigation a{
				float: left; _display: inline;
				padding: 12px 20px;
				
				font-size: 1.1em;
				color: #fff;
				text-transform: uppercase;
			}
			
			.gallery-navigation a.active,
			.gallery-navigation a:hover{
				color:#88a8c9;

			}		
				